<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Getting Started: Serving Web Content</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <!-- JS -->
    <script src="../static/js/libs/jquery-1.10.0.js" th:src="@{/js/jquery-1.10.0.js}"></script>
    <script src="../static/js/libs/jquery-ui.min.js" th:src="@{/js/jquery-ui.min.js}"></script>
    <script src="../static/js/libs/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>

    <!-- Style CSS -->
    <link rel="stylesheet" href="../static/css/bootstrap.css" th:href="@{/css/bootstrap.css}" />
    <link rel="stylesheet" href="../static/css/style.css"  th:href="@{/css/style.css}"  />

    <style type="text/css">
        .gradient {filter: none !important;}
    </style>
</head>
<body>

<div class="alert alert-success text-center" role="alert" style="font-size: 30px;">Hi,<span th:text="${name} + ','"></span>welcome to 我的主页!</div>

<table class="table table-striped table-bordered text-center">
    <tr>
        <td>编号</td>
        <td>姓名</td>
        <td>年龄</td>
        <td>密码</td>
    </tr>
    <tr th:each="user : ${userList}" class="text-info text-center">
        <td th:text="${user.id}"></td>
        <td th:text="${user.name}"></td>
        <td th:text="${user.age}"></td>
        <td th:text="${user.password}"></td>
    </tr>
</table>
</body>
</html>